<script setup>
defineProps({
  width: {
    type: String,
    default: '100%'
  },
  height: {
    type: String,
    default: '100%'
  }
})
</script>

<template>
  <svg :width="width" :height="height" viewBox="0 0 64 64"
       xmlns="http://www.w3.org/2000/svg">
    <circle cx="32" cy="32" fill="#e0995e" r="32"/>
    <path
        d="m48 52.5c-.6 0-1.3-.2-1.8-.7l-12-12c-1-1-1-2.6 0-3.5 1-1 2.6-1 3.5 0l12 12c1 1 1 2.6 0 3.5-.4.5-1.1.7-1.7.7z"
        fill="#231f20" opacity=".2"/>
    <path
        d="m48 50.5c-.6 0-1.3-.2-1.8-.7l-12-12c-1-1-1-2.6 0-3.5 1-1 2.6-1 3.5 0l12 12c1 1 1 2.6 0 3.5-.4.5-1.1.7-1.7.7z"
        fill="#4f5d73"/>
    <circle cx="28.4" cy="28.4" fill="#77b3d4" r="10.6"/>
    <path
        d="m28.4 19.8c2.7 0 5.4 1 7.5 3.1 4.1 4.1 4.1 10.8 0 14.9-2.1 2.1-4.8 3.1-7.5 3.1s-5.4-1-7.5-3.1c-4.1-4.1-4.1-10.8 0-14.9 2.1-2 4.8-3.1 7.5-3.1zm0-4c-3.9 0-7.5 1.5-10.3 4.3-5.7 5.7-5.7 14.9 0 20.6 2.8 2.8 6.4 4.3 10.3 4.3s7.5-1.5 10.3-4.3c5.7-5.7 5.7-14.9 0-20.6-2.8-2.8-6.4-4.3-10.3-4.3z"
        fill="#231f20" opacity=".2"/>
    <path
        d="m28.4 17.8c2.7 0 5.4 1 7.5 3.1 4.1 4.1 4.1 10.8 0 14.9-2.1 2.1-4.8 3.1-7.5 3.1s-5.4-1-7.5-3.1c-4.1-4.1-4.1-10.8 0-14.9 2.1-2 4.8-3.1 7.5-3.1m0-4c-3.9 0-7.5 1.5-10.3 4.3-5.7 5.7-5.7 14.9 0 20.6 2.8 2.8 6.4 4.3 10.3 4.3s7.5-1.5 10.3-4.3c5.7-5.7 5.7-14.9 0-20.6-2.8-2.8-6.4-4.3-10.3-4.3z"
        fill="#fff"/>
  </svg>
</template>